#readbook{
	margin:90px auto 0;
	.bg-book{
		background: url(../img/readbook.png) no-repeat center;
		width:920px;
		height:300px;
		margin:auto;
		img{
			display: block;
			float:left;
			margin:87px 0 0 20px;
		}
		.commit-book{
			float:left;
			margin:140px 0 0 20px;
			.bookname{
				margin-bottom: 18px;
				font-weight: 700;
				font-size: 24px;
			}
			.remark{
				display: block;
				width:80px;
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				color: #fff;
				background: #eb7350;
				text-decoration: none;
				text-align: center;
				text-indent: 10px;
				letter-spacing: 10px;
				@include border-radius(5px);
				@include box-shadow(0px 1px 2px rgba(0,0,0,0.3));
			}
			//append form
			form{
				// display: block;
				width:300px;
				border:solid #d7d7d7 1px;
				textarea{
					display: block;
					width:90%;
					height: 50px;
					text-indent: 18px;
					margin:10px auto;
				}
				.submit-input{
					display: block;
					margin:0 auto 10px;
					font-size: 14px;
				    color: #fff;
				    background: #eb7350;
				    @include border-radius(5px);
				    @include box-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
				}
			}
		}
	}
	.article{
		width:920px;
		margin:auto;
		.left{
			width:150px;
			float:left;
			background-color: #EDE8D5;
		}
		.center{
			width:580px;
			float:left;
			padding:30px 20px;
			background: #ccc8b8;
			font-size:18px;
			line-height: 40px;
			font-family:"Microsoft YaHei";
		}
		.right{
			width:150px;
			float:left;
			background-color: #EDE8D5;
		}
	}
}